<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('日志详情')" />
</head>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
        <table id="bootstrap-tree-table"></table>
        <input id="rootId" type="hidden" th:value="${tTestCaseInfo.rootId}"/>
    </div>
    <div class="btn-group-sm" id="toolbar" role="group">
        <a class="btn btn-info" id="expandAllBtn">
            <i class="fa fa-exchange"></i> 展开/折叠
        </a>
    </div>
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
        var prefix = ctx + "biz/info";

        console.log($("#rootId").val())
        $(function() {
            var options = {
                code: "childId",
                parentCode: "parentId",
                uniqueId: "childId",
                expandAll: true,
                expandFirst: true,
                url: prefix + "/listDetail?rootId="+$("#rootId").val(),
                // url: prefix + "/listDetail?rootId=1c5b2275-50fc-4355-8921-8d12b34851f4",
                modalName: "日志详情",
                showSearch:false,
                columns: [
//                    {
//                    field: 'selectItem',
//                    radio: true
//                },
                    {
                        title: '时间',
                        field: 'prefix',
                        width: '15',
                        widthUnit: '%'
                    },
                    {
                        title: '状态',
                        field: 'suffix',
                        width: '10',
                        widthUnit: '%'
                    },
                    {
                        title: '说明',
                        field: 'description',
                        width: '75',
                        widthUnit: '%'
                    }]
            };
            $.treeTable.init(options);
        });
    </script>
</body>
</html>